<template>
  <div class="body">
    <Head aIndex="4"></Head>
    <div style="min-height:80vh;">
      <Comment :blogId="-1" class="comment"></Comment>
    </div>
    <div style="height:50px;"></div>
    <Foot></Foot>
  </div>
</template>

<script>

import Head from '@/components/Head'
import Foot from '@/components/Foot'
import Comment from '@/components/Comment'

export default {
  name: 'message',
  components:{ Head,Foot,Comment },
  data () {
   return {
   }
  },
  methods:{
  }
}
</script>

<style scoped>
  .body{
    width: 100%;
  }

  .comment{
    width: 60%;
    margin: auto;
  }
  @media screen and (max-width: 800px){
    .comment{
      width: 90%;
      margin: auto;
    }
  }

</style>